
/*****鑾峰彇楠岃瘉鐮�**/

i,.i_bef:before,.selectico,.bal-c:before,.rpac:after,.debit:after,.user-login .fp:before,.user-login .fw:before,.user-login .fp:after,.user-login .fp-t:after,
.icon_card_cur,.card_text_go,.icon-right,.icon-wrong,.icon-back,.icon_pay_cur,.icon_pay,.icon_logo_pay,.icon_downapp,.zzf-card p:after{ background:url(../images/appsdk/appsdk/appsdk/comm_bg.png) no-repeat;}



.fl{ float: left;}
.fr{float: right;}

#headerview{ height:96px;}
header{ background-color:#4fb6ed; width:100%; height:96px; position:fixed; top:0; left:0; z-index:999;}
header h1{ position:absolute; width:100%; line-height:96px; text-align:center; letter-spacing:2px; color:#fff;}
header i{ position:absolute; left:0; top:0; height:96px;}
.returnico{position:absolute; left:0; top:0; width:100px; height:96px; background:#4fb6ed;}
.i_bef:before{ position:absolute; content:"";}
.returnico:before{ position:absolute; left:32px; top:28px; width:21px; height:38px; content:""; background-position:0 0}
#main{ height:100%; padding-bottom:10%;}
.user-reg-phone{ width:100%;}
.ipt-txt{ position:relative;}
.mc-form{ margin-top:32px;}
.mc-form li{ position:relative; background-color:#FFF; border-top:1px solid #bdc2c5; border-bottom:1px solid #bdc2c5}
.mc-form .form-detail{ line-height:96px; font-size:1.75rem; text-overflow:ellipsis; white-space:nowrap;}
.mc-form input{ width:100%; outline:0; height:96px; padding:0 3%; color:#666; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.reg-info{ width:94%; margin-top:26px; padding:0 3%; font-size:1.875rem;}
.user-info{ padding-left:15px;}
.selectico{ width:32px; height:32px; display:inline-block; background-color:#FFF; background-image:none; -webkit-border-radius:34px; -moz-border-radius:34px; border-radius:34px; border:1px solid #c0c6c9; vertical-align:middle;}
.selectico.cur,.zzf-detail .user-detail.bal-c .b-select,.zzf-detail .user-detail.fp-t .b-select{ background-image:url(../images/appsdk/appsdk/appsdk/comm_bg.png);background-repeat: no-repeat; background-position:-58px 0; width:34px; height:34px; border:0 none;}
.g_btn_s{ margin-top:106px; font-size:2.375rem;}
/*****楠岃瘉鐮�2*****/
.form-tips{ padding:0 3%; font-size:1.625rem; margin-top:32px}
.ipt-code{ padding-right:238px;}
.g-btn-code{ width:237px; position:absolute; top:0; right:0; height:98px; line-height:98px; border:1px solid #bdc2c5; border-right:0 none; background:#FFF; color:#c8c8c8; text-align:center; font-size:1.625rem; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.g-btn-s3{ color:#4fb6ed;}
.form_btn{ margin-top:50px;}
.clear-input{ display:none; position:absolute; z-index:10; top:0 !important; right:10px !important; width:30px; height:100%;}
.clear-input span:before,.clear-input span:after{ position:absolute; content:""; top:6px; left:14px; width:3px; height:18px; background:#fff; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.clear-input span:before{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.clear-input span{ position:absolute; width:30px; height:30px; border-radius:30px; top:50%!important; left:50%; margin:-15px 0 0 -15px; background:#c8c8c8;}
/******鎵惧洖瀵嗙爜******/
.ipt-wp li:nth-child(2){ background-color:#E8EFF2; border:0 none;}
.ipt-wp .form-tips{ margin:20px 0 28px;}
.ver-code{ position:absolute; right:20px; top:20px; width:130px; height:53px;}
/****鏂板瘑鐮�****/
.ipt-new-wd li{ margin-bottom:40px;}
/*****鐧诲綍****/
.user-login{ border-top:1px solid #bdc2c5; border-bottom:1px solid #bdc2c5}
.user-login li{ border:0 none;}
.user-login .fp,.user-login .fw{ position:relative; line-height:96px;}
.form-b-tips{ padding:0 25px;}
.user-login .fp:before,.user-login .fw:before,.user-login .fp:after,.user-login .fp-t:after{ content:""; position:absolute; top:35px;}
.user-login .fp:before{ background-position:-134px 0; left:30px; width:21px; height:29px;}
.user-login .c-f-text{ padding-left:50px;}
.user-login .fp:after,.user-login .fp-t:after,.zzf-detail .debit:after{right:20px; width:36px; height:36px; background-position:0 -38px;}
.user-login .fp-t:after,.zzf-detail .debit.fp-s:after{ background-position:-36px -38px;}
.user-login .c-f-text{ border-bottom:1px solid #bdc2c5; color:#4b4b4b; font-size:2.125rem;}
.user-login .form-box,.zzf-detail .form-box{ display:none; font-size:2.125rem;}
.user-login .form-box li,.zzf-detail .form-box li{ line-height:70px; padding:8px 0 8px 75px; color:#c8c8c8;}
.user-login .form-box li.on,.zzf-detail .form-box li.on,.zzf-detail .form-box li:hover{ background-color:rgba(0,0,0,.2);}
.user-login .clear-input{ right:60px !important;}
.form-pw .clear-input{ right:20px !important;}
.form-pw .c-f-text{border:0 none; padding-left:75px;}
.user-login .fw:before{ background-position:-162px 0; width:22px; height:28px; left:30px;}
.forgetpw{ width:100%; text-align:right;}
.forget-pw{ display:inline-block; margin:2% 3% 0 0; color:#4fb6ed; font-size:2.125rem;}

/*********鏈�鏀粯 鏀粯椤甸潰**********/
#zzf-headerview{ height:348px;}
.zzf-header{ height:348px; background:url(../images/appsdk/appsdk/appsdk/header-bg.jpg) no-repeat; background-size:cover;}
.zzf-header header{ background-color:transparent; position:static;}
.zzf-header .returnico{ background:none;}
.zzf-content{ margin-top:20px; color:#FFF;}
.zzf-info{ margin-left:32px; font-size:2rem;}
.zzf-money{ text-align:center; font-size:4.5rem; margin:20px auto 0; font-family:Thoma,Helvetica,'?a????o煤';}
.zzf-detail{ border-top:1px solid #C0C6C9; border-bottom:1px solid #C0C6C9; background-color:#FFF;}
.zzf-detail li{ position:relative;}
.zzf-detail .user-detail{ position:relative; height:96px; line-height:96px; margin:0 25px; border-bottom:1px solid #C0C6C9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.zzf-detail .rpac{ border-bottom:0 none;}
.zzf-detail .user-detail:after{ position:absolute; content:"";}
.zzf-detail .b-select{ position:absolute; top:30px; width:32px; height:32px; background-color:#FFF; -webkit-border-radius:34px; -moz-border-radius:34px; border-radius:34px; border:1px solid #c0c6c9; vertical-align:middle; font-weight:normal; font-style:normal;}
.zzf-detail .user-detail h3{ color:#505050; font-size:2.125rem; padding-left:112px; display:inline-block;}
.zzf-detail  .user-detail i{ width:58px; height:58px; position:absolute; left:45px; top:20px;}
.zzf-ico-bal{ background-position:0 -79px;}
.zzf-ico-rpac{ background-position:-61px -79px;}
.zzf-detail .rpac:before{display:none;}
.zzf-detail .rpac:after{ right:15px; top:30px; background-position:-78px -41px; width:16px; height:28px;}
.faster-pay{ padding:0 25px; background-color:#EFF4F6; height:80px; line-height:80px; position:relative;}
.faster-pay h2{ color:#969696; font-size:1.875rem; display:inline-block;}
.faster-pay .money,.user-detail .money{ display:none; color:#505050; font-size:2.125rem;/* display:inline-block; text-align:right; width:70%;*/ position:absolute; right:80px; top:0;}
.user-detail .money,.user-detail.rpac .money{ /*width:36%;*/position:absolute; right:55px; top:0;}
.zzf-ico-debit{ background-position:-122px -79px;}
.zzf-detail .debit{ border-bottom:0 none;}
.zzf-detail .debit:after{ top:35px; right:0;}
.zzf-detail .form-box{ font-size:1.875rem;}
.zzf-detail .form-box li{ color:#969696; padding-left:136px;}
.zzf-detail .form-box li img{ vertical-align:middle; display:inline-block; margin-right:16px;}
.zzf-detail .form-box .last a{ color:#969696;}
.zzf-detail .form-box .last b{ font-size:3.75rem; margin-right:10px; vertical-align:-6px; color:#c2c2c2;}
.zzf-detail .credit{ border-top:1px solid #C0C6C9;}
.zzf-ico-credit{ background-position:0 -140px;}
.pop-text .title{ font-size:2.125rem; color:#505050;}
.zf-ipt{ line-height:76px;}
.zf-ipt .ipt-pw{ margin:20px auto; border:1px solid #B3B3B3; text-align:center; border-radius:1px; width:100%; height:76px;}
.zzf-info-pw{ width:100%; line-height:normal; position:relative; margin-bottom:20px;}
.zzf-info-pw .z-info,.zzf-info-pw .f-pw{ position:absolute; top:0;font-size:1.625rem;}
.zzf-info-pw .z-info{ left:0;}
.zzf-info-pw .f-pw{ color:#4fb6ed; right:0;}

.card_text{ font-size:   2.125rem; background-color: #fff; width: 100%; height: 100px;padding: 0 3%; line-height: 100px; color: #4b4b4b; border: solid 1px #d5dbdf;}

.card_text_go{ display: inline-block; float: right; right:10px; top:30px; background-position:-78px -41px; width:16px; height:28px;}

/******瀵嗙爜绠＄悊*****/
.f-mt{ margin-top:20px;}
.f-id li{ margin-bottom:0;}
.safety-text{ padding:0 3%; font-size:2.125rem; margin:18px 0 -20px;}






/*****瀹炲悕璁よ瘉**/
.icon-back{ background-image:url(../images/appsdk/appsdk/appsdk/icon.png); }
.header-g{ background-color: #33cbb0;  height: 330px; text-align: center; margin: 0 auto; padding: 0 22px;}
.icon-right{ width: 84px; height: 84px;margin:35px auto 25px auto; background-position:0 -220px;}
.icon-wrong{ width: 84px; height: 84px;margin:35px auto 25px auto; background-position:0 -305px;}
.btn-back{width: 96px; height: 96px;display: inline-block; position: absolute;left: 0;top: 0;}
.icon-back{ width: 20px; height: 36px;background-position: -85px 0;display: inline-block; }
.header-g h2,.header-r h2{font-size:2.375rem; color: #fff; height: 96px; line-height: 96px; text-align: center;}

.header-g h3,.header-r h3{font-size:3rem; color: #fff; height: 48px; line-height: 48px;}
.input,.input_text{ font-size:  2.125rem; width: 100%; height: 100px; line-height: 100px; color: #969696; border: solid 1px #d5dbdf;
 border-left: none;border-right: none; padding:0 3% ;}
.btn84,.g_btn_s,.g_btn_p{ font-size:  2.375rem;; font-size:2.375rem; display: block; color: #fff; width: 94%; height: 84px; line-height: 84px;margin-left:3%; background-color: #4fb6ed; text-align: center; border: 1px solid #d0d0d0;border-radius: 8px;}
.g_btn_p{background-color: #7cbddf;}
.btn84:hover,.g_btn_s:hover,.g_btn_p:hover{background-color: #3f92be; color: #ccc;}



.text1{ color: #878787; font-size: 30px; line-height: 36px; padding:0 3%; }
.text2{ color: #878787; font-size: 18px; line-height: 18px; padding:0 3%; }
.text3{ color: #878787; font-size: 40px; line-height: 36px; text-align: center;}
.text_list{background-color: #fff; border-bottom: solid 1px #c0c6c9;}
.text_list p{ color: #969696; font-size: 2.125rem;; line-height: 100px; height: 100px; padding:0 6%;  }
.text_list_l{width: 210px; text-align: right; display: inline-block;}

.line_94{height: 1px; width: 94%; margin: 0 3%; background-color: #c0c6c9;}
.line_94_d{height: 1px; width: 94%; margin: 0 3%; border-bottom: dashed 1px #c0c6c9;}
.input_text{ color: #4b4b4b; background-color: #fff;}

.header-r{ background-color: #ff7777;  height: 330px; text-align: center; margin: 0 auto; padding: 0 22px;}
.clear-input{ display:none; position:absolute; z-index:10; top:0 !important; right:10px !important; width:30px; height:100%;}
.clear-input span:before,.clear-input span:after{ position:absolute; content:""; top:6px; left:14px; width:3px; height:18px; background:#fff; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.clear-input span:before{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.clear-input span{ position:absolute; width:30px; height:30px; border-radius:30px; top:50%!important; left:50%; margin:-15px 0 0 -15px; background:#c8c8c8;}

.c33{color: #33cbb0;}
.c50{ color:#505050;}
.cf7{ color: #ff7777;}


.mt20{ margin-top: 20px;}
.mt40{ margin-top: 15px;}
.mt60{ margin-top: 60px;}
.mt140{ margin-top: 140px;}

/*****浼樻儬鍒�**/

.card_list{margin: 34px auto; width: 648px;}
.card_list li{margin-bottom: 27px; height: 174px; }
.card_left{width: 93px; height: 174px; background:#ff9290 url(../images/appsdk/appsdk/appsdk/bg_card02.png)  left no-repeat ; float: left;}
.card_right{width: 555px; height: 174px;  background:#ff7975 url(../images/appsdk/appsdk/appsdk/bg_card01.png) right no-repeat; float: right;}
.card_right_text{ margin-top: 40px; color: #fff; font-size: 1.875rem;; line-height: 60px; text-align: center;}
.card_right_nu{font-size: 3.75rem;;}
.icon_card_cur{ height: 45px; width: 45px; background-position: -131px -220px; margin: 70px 0 0 26px; display: inline-block;}

/*****寮瑰嚭妗�**/
.pop-box{ z-index:1002;width: 80%;  left: 10%; top: 10%;  background-color: #fff;border-radius: 13px; position: absolute; display:  none;}
.pop-text{ padding: 40px;  font-size: 1.875rem;;text-align: center; line-height: 40px; border-bottom: solid 1px #b1b1b0;}

.pop-btn{ height: 86px; line-height: 86px;  font-size: 2.25rem; }

.pop-btn-l,.pop-btn-r{width: 50%;text-align: center;color: #4fb6ed; float: left; display: inline-block;height: 86px;  background-color:#FFF; }
.pop-btn-l{ border-right: solid 1px #b1b1b0;border-radius:0 0 0 13px; }
.pop-btn-r{ border-radius:0 0 13px 0;}
.pop-btn-l:hover,.pop-btn-r:hover{ background-color: #c1c1c1}
.pop-mask{ display:none; z-index:1001; background:rgba(0,0,0,0.34);width:100%;height:100%;left:0;top:0;position:fixed;}


/*****閫夋嫨鏀粯鏂瑰紡**/
.pay_list{background:#fff; padding: 0 2%;}
.pay_list li{line-height: 96px; color: #969696; font-size: 1.75rem; padding: 0 1%;white-space: nowrap;height: 96px;border-bottom: dashed 1px #c0c6c9;}
.pay_list .no_bor_b{border-bottom: none;}
.pay_list_data{ color: #505050; text-align: right; float: right;}

.text_list_pay{background-color: #fff; border-bottom: solid 1px #c0c6c9;border-top: solid 1px #c0c6c9;}
.text_list_pay p{ color: #969696; font-size: 2.125rem;; line-height: 100px; height: 100px; padding:0 3%;  }

.icon_pay,.icon_pay_cur{ height: 45px; width: 45px; background-position: -103px -141px;  display: inline-block;vertical-align: middle; margin-right: 20px;}
.icon_pay_cur{background-position:-58px -141px;}

.tc{ text-align: center;}
.icon_logo_pay{ height: 140px; width: 232px; display: inline-block;background-position:-86px -266px; margin: 75px 0 100px 0;}


.icon_downapp{ height: 143px; width: 149px;display: inline-block;background-position:-184px 0; margin: 80px 0 55px 0;}

/*****鏈櫥褰曟敮浠�*/
.zzf-ico-debit-n,.zzf-ico-credit-n{ background-position:-122px -79px; width: 58px; height: 58px;display: inline-block; margin: 0 20px;vertical-align:middle;}
.zzf-ico-credit-n{background-position: 0 -140px;}
.text4{ color: #878787; font-size: 26px; line-height: 36px; padding:0 70px; }
.zzf-card,.zzf-card p{position: relative;}
.zzf-card p:after{ right:10px; top:30px; background-position:-78px -41px; width:16px; height:28px;}
.ml45{margin-left:45px }
.ml45 input{ padding-left: 30px;}
.zzf-detail .user-detail .pl0{padding-left: 45px;}

.f34{ font-size: 2.125rem;}

/*****閾惰鍒楄〃*/
.bank_list{ background-color: #fff;}
.bank_list li{padding: 0 6%; height: 110px; line-height: 110px; font-size: 2.125rem; color: #505050;border-bottom:1px solid #bdc2c5; background:url(../images/appsdk/appsdk/appsdk/a_r.png) no-repeat 94% 44px; }

.bank_list li img{ height: 74px;width: 74px; margin: 0 40px 0 0; display: inline-block;vertical-align:middle;}


/*鍑洪敊淇℃伅*/
.img404{height: 680px; width: 480px; margin: 60px auto;background-image:url(../images/appsdk/appsdk/appsdk/404.png) ; }
.img500{height: 680px; width: 480px; margin: 60px auto;background-image:url(../images/appsdk/appsdk/appsdk/500.png) ; }

/*浼樻儬鍒�*/
.card_list .bg_g{background-image:url(../images/appsdk/appsdk/appsdk/bg_card_g.png) ; }
.card_list .bg_b{background-image:url(../images/appsdk/appsdk/appsdk/bg_card_b.png) ; }

.card_list .bg_g .card_left,.card_list .bg_b .card_left{width: 75px; height: 174px; background: none ; float: left;}
.card_list .bg_g .card_right,.card_list .bg_b .card_right{width: 572iupx; height: 174px; background: none ; float: right;}

.card_list .bg_g .card_right_text,.card_list .bg_b .card_right_text{ margin-top: 30px; color: #fff; font-size: 1.875rem;; line-height: 60px; text-align: center;}

.card_list .bg_g .icon_card_cur,.card_list .bg_b .icon_card_cur{ height: 45px; width: 45px; background-position: -131px -220px; margin: 70px 0 0 32px; display: inline-block;}


.p1_normal{ height: 246px; width: 454px; display: inline-block; margin: 75px 0 100px 0; background:url(../images/appsdk/appsdk/appsdk/p1_normal.jpg) no-repeat;}
.p2_normal{ height: 246px; width: 454px; display: inline-block; margin: 75px 0 100px 0; background:url(../images/appsdk/appsdk/appsdk/p2_normal.jpg) no-repeat;}
.p3_normal{ height: 246px; width: 454px; display: inline-block; margin: 75px 0 100px 0; background:url(../images/appsdk/appsdk/appsdk/p3_normal.jpg) no-repeat;}
.p4_normal{ height: 246px; width: 454px; display: inline-block; margin: 75px 0 100px 0; background:url(../images/appsdk/appsdk/appsdk/p4_normal.jpg) no-repeat;}
.p5_normal{ height: 246px; width: 454px; display: inline-block; margin: 75px 0 100px 0; background:url(../images/appsdk/appsdk/appsdk/p5_normal.jpg) no-repeat;}
.p6_normal{ height: 246px; width: 454px; display: inline-block; margin: 75px 0 100px 0; background:url(../images/appsdk/appsdk/appsdk/p6_normal.jpg) no-repeat;}
